<script>
	import { KCheckboxGroup } from '@ikun-ui/checkbox-group';
	import { KCheckbox } from '@ikun-ui/checkbox';
</script>

<div id="group-sm" class="h-full" style="width: 600px">
	<KCheckboxGroup size="sm">
		<KCheckbox uid="1">1</KCheckbox>
		<KCheckbox uid="2">2</KCheckbox>
		<KCheckbox uid="3">3</KCheckbox>
	</KCheckboxGroup>
</div>

<div id="group-md" class="h-full" style="width: 600px">
	<KCheckboxGroup size="md">
		<KCheckbox uid="1">1</KCheckbox>
		<KCheckbox uid="2">2</KCheckbox>
		<KCheckbox uid="3">3</KCheckbox>
		<KCheckbox uid="4">4</KCheckbox>
		<KCheckbox uid="5">5</KCheckbox>
	</KCheckboxGroup>
</div>

<div id="group-lg" class="h-full" style="width: 600px">
	<KCheckboxGroup size="lg">
		<KCheckbox uid="1">1</KCheckbox>
		<KCheckbox uid="2">2</KCheckbox>
	</KCheckboxGroup>
</div>
